<template>
  <div>
    <h1>1. 动态dynamic组件使用</h1>
    <UseDynamic></UseDynamic>
    <h1>2. 组件缓存</h1>
    <UseDynamic2></UseDynamic2>
    <h1>3. 组件-插槽</h1>
    <UseSlot></UseSlot>
    <h1>4. 具名插槽</h1>
    <UseSlot2></UseSlot2>
    <h1>5. 作用域插槽</h1>
    <UseSlot3></UseSlot3>
    <h1>6. 作用域插槽使用场景</h1>
    <UseTable></UseTable>
    <h1>7. 自定义指令</h1>
    <UseDirective></UseDirective>
  </div>
</template>

<script>
import UseDynamic from "./views/01-UseDynamic.vue";
import UseDynamic2 from "./views/02-UseDynamic.vue";
import UseSlot from "./views/03-UseSlot";
import UseSlot2 from "./views/04-UseSlot";
import UseSlot3 from "./views/05-UseSlot.vue";
import UseTable from "./views/06-UseTable.vue";
import UseDirective from "./views/07-UseDirective.vue";
export default {
  components: {
    UseDynamic,
    UseDynamic2,
    UseSlot,
    UseSlot2,
    UseSlot3,
    UseTable,
    UseDirective,
  },
};
</script>

<style>
</style> 